// pages/preview/preview.ts
Page({

    /**
     * 页面的初始数据
     */
    data: {
        //轮播图
        // indicatorDots: true,
        vertical: false,
        autoplay: false,
        circular: true,
        interval: 2000,
        duration: 500,

        navHeight: 0,
        menuButtonInfo: {
            bottom: 0,
            height: 0,
            top: 0,
            left: 0,
            right: 0,
            width: 0,
        },
        searchMarginTop: 0, // 搜索框上边距
        searchWidth: 0, // 搜索框宽度
        searchHeight: 0, // 搜索框高度
        images_length: 3,
        now: 0,
        images: [],
        check: ['下载原图', '删除图片'],
        url:'',

    },
    back() {
        let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。
        let prevPage = pages[pages.length - 2];
        prevPage.setData({
            images_add: this.data.images,　　　　　　// 设置需要传递的参数
        })
        wx.navigateBack({
            delta: 1
        })
    },
    bindPickerChange(event: any) {
        
        console.log(this.data.images)
        if(event.detail.value==0){
            //下载原图
            console.log(this.data.check[event.detail.value])
        }else{
            //删除
            console.log(this.data.now)
            this.data.images.splice(this.data.now,1);
            
            this.setData({
                images:this.data.images,
                images_length:this.data.images.length,
                now:0
            })
            console.log(this.data.images)

        }
    },
    changeProperty: function (e: any) {
        var propertyName: any = e.currentTarget.dataset.propertyName;
        console.log(propertyName)
        var newData: any
        newData[propertyName] = e.detail.value
        this.setData(newData)
    },
    changeAutoplay: function () {
        this.setData({
            autoplay: !this.data.autoplay
        })
    },
    intervalChange: function (e: any) {
        this.setData({
            interval: e.detail.value
        })
    },
    durationChange: function (e: any) {
        this.setData({
            duration: e.detail.value
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    list(e: any) {
        console.log(e.detail.current)
        this.setData({
            now: e.detail.current
        })
    },
    onLoad: function (option: { images: any, now: number }) {
        //获取带过来的参数
        var app = getApp();
        this.setData({
            url: app.globalData.url,
          })
        this.setData({
            //获取胶囊一块的宽高
            menuButtonInfo: wx.getMenuButtonBoundingClientRect(),
            now: +option.now,
            images: JSON.parse(option.images),
            images_length:JSON.parse(option.images).length,
        })
        console.log(this.data.menuButtonInfo);
        //当前小程序运行在企业微信环境中,返回设备信息
        wx.getSystemInfo({
            success: (res) => {
                const { statusBarHeight } = res
                //结构状态栏的高度，单位px 减去上面的得边距
                console.log(statusBarHeight)
                const margin = this.data.menuButtonInfo.top - statusBarHeight
                console.log(margin)
                this.setData({
                    //总上边距
                    navHeight: (this.data.menuButtonInfo.height + statusBarHeight + (margin * 2)),
                    searchMarginTop: statusBarHeight + margin, // 状态栏 + 胶囊按钮边距
                    searchHeight: this.data.menuButtonInfo.height,  // 与胶囊按钮同高
                    searchWidth: this.data.menuButtonInfo.right - this.data.menuButtonInfo.width, // 胶囊按钮右边坐标 - 胶囊按钮宽度 = 按钮左边可使用宽度
                    //   main:214
                })
            },
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})